<template>
    <div class="howbrush">
        <LoginHeader class="clear">
        <i class="el-icon-arrow-left" slot="i" @click="goback"></i>
        <span slot="title">牙菌斑清除</span>
        <span slot="more"></span>
        </LoginHeader>
        <div class="howto">
            <img src="@/assets/njrpic/firstpic/teethpic1.png" alt="">
            <span>牙菌斑是怎么形成的？</span>
        </div>
        <el-card class="box-card">
            <p>
                <strong>牙菌萌生</strong></p>
            <span>口腔内有这各种食物残渣，唾液及细菌，这些东西会形成一种附着于牙齿和软组织的膜状物质，这就是牙菌斑。</span>
            <br>
            <img src="@/assets/njrpic/firstpic/clearpic1.png" alt="">
             <p>
                <strong>牙菌暴走</strong></p>
            <span>它是个爱吃糖的家伙，会通过吃掉食物残渣中的糖分进行大量的繁殖。</span>
            <br>
            <img src="@/assets/njrpic/firstpic/clearpic2.png" alt="">
             <p>
                <strong>侵蚀牙齿</strong></p>
            <span>牙菌斑如果不及时清理或清理不彻底
                <br>
                牙菌斑中的细菌回合食物进行反应并产生酸性物质，进而破坏牙釉质，导致蛀牙。
            </span>
            <br>
            <img src="@/assets/njrpic/firstpic/clearpic3.png" alt="">
            <p>
                <strong>牙结石</strong></p>
            <span>牙菌斑在唾液的作用下逐渐钙化，形成牙结石
                <br>
                可引起牙龈及牙周组织病变。
            </span>
            <br>
            <img src="@/assets/njrpic/firstpic/clearpic4.png" alt="">
</el-card>
    <div class="howto1">
            <span>怎么更好的清除牙菌斑</span>
            <img src="@/assets/njrpic/firstpic/teethpic2.png" alt="">
        </div>
        <el-card class="box-card">
            <p><span>1</span>控制牙刷时间</p>
            <span>最新研究表明，科学的刷牙时间应为2-2.5等，低于2分钟的刷牙时间将对牙菌斑的清除效果大打折扣，同事也会降低刷牙分数</span>
            <p>刷牙时长</p>
            <img src="@/assets/njrpic/firstpic/teethtime.png" alt="">
            <br>
            <span>你可以在牙刷模式页面设置刷牙时间</span>
            <p><span>2</span>覆盖刷牙区域</p>
            <span>我们把口腔分为六个区域进行清洁监控。</span>
            <img src="@/assets/njrpic/firstpic/teethpic3.png" alt="">
            <br>
            <span>另外素士牙刷内置传感器，可以帮助你查看哪块区域没有清洁到位，下次刷牙可要多加注意咯。</span>
            <br>
            <img src="@/assets/njrpic/firstpic/teethpic4.png" alt="">
            <br>
            <span>刷牙期间没建议保持你的头部不乱动，可使牙刷得到更准确的数据。担心自己是否刷到位？莫慌！素士牙刷有分段提醒功能，每隔30秒会有一次换位提醒，保证口腔清洁不留死角。</span>
        </el-card>
        <br>
    </div>
</template>
<script>
import LoginHeader from '@/components/njrcomponents/login_header.vue'
export default {
    data(){
        return{

        }
    },
    components:{
        LoginHeader
    },
    methods:{
        goback(){
            this.$router.go(-1)
        },
    }
}
</script>
<style lang="less" scoped>
.howbrush{
    .clear{
        color: white;
        position: fixed;
        width: 100%;
    background-color: #2737ba;

    }
    .howto{
        color: white;
        display: flex;
        align-items: center;
        margin: 0px 50px;
        padding-top: 75px;
    img{
        width: 25%;
    }
    }
    .howto1{
        color: white;
        display: flex;
        align-items: center;
        margin: 0px 50px;
        padding-top: 25px;
        justify-content: flex-end;
    img{
        width: 25%;
    }
    }
    // .howto:last-of-type{
    // background-color: #4c87df;
    // justify-content: flex-end;
    // }
    background-image: linear-gradient(#2737ba, #4c87df,#7f6bd8);
    .el-card{
        text-align: center;
        p{
            margin: 50px 0 10px;
            span{
                background-color: #010101;
                color: white;
                display: inline-block;
                padding: 2px 10px;
                border-radius: 50%;
            }
        }
        p+span{
            color: #c7c7c7;
        }
        br+span{
            color: #c7c7c7;
        }
    }
}
</style>
<style lang="less" >
.howbrush,.whyexchange{
    .el-card {
    border: 0.01333rem solid #EBEEF5;
    background-color: #FFF;
    color: #303133;
    transition: .3s;
    margin: 0 5px;
    border-radius: 0.25333rem;
    }
}
</style>